<!DOCTYPE html>
<html>

<head>
	<title>Events</title>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<!-- js -->
	<script src="js/jquery.min.js"></script>
	<!-- //js -->
	<!-- for-mobile-apps -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="一 Travel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<script type="application/x-javascript">
		addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); }
	</script>
	<!-- //for-mobile-apps -->
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});

	</script>
	<!-- start-smoth-scrolling -->
	<!-- pop-up -->
	<link rel="stylesheet" href="css/touchTouch.css" type="text/css" media="all" />
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
				/*
				 *  Simple image gallery. Uses default settings
				 */

				$('.fancybox').fancybox();

			});
	</script>
	<!-- pop-up -->
	<style>
		.backs {
			background-color: darkgreen;
			background: url(images/p14.jpeg) no-repeat 0px 0px;
			background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			-ms-background-size: cover;
		}
	</style>
</head>

<body>
	<div class=" backs">
		<div class="container">
			<!-- header -->
			<div class="header">
				<div class="header-top">
					<input type="text" placeholder="Search" required=" ">
				</div>
				<div class="clearfix"> </div>
				<div class="header-bottom">
					<div class="header-bottom-left">
						<a href="index.html">一<span>旅游</span></a>
					</div>
					<div class="header-bottom-right">
						<span class="menu">MENU</span>
						<ul class="nav1">
							<li>
								<a href="index.html">首页</a>
							</li>
							<li class="cap">
								<a href="events.html">热门景点</a>
							</li>
							<li>
								<a href="about.html">看游记</a>
							</li>
							<li>
								<a href="photo-show/8-18.php">上传</a>
							</li>
							<li>
								<a href="photo-show/8-17.php">图库</a>
							</li>
							<li>
								<a href="gallery.html">第二图库</a>
							</li>
						</ul>
						<!-- script for menu -->
						<script>
							$( "span.menu" ).click(function() {
							$( "ul.nav1" ).slideToggle( 300, function() {
							 // Animation complete.
							});
							});
						</script>
						<!-- //script for menu -->
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
	<!-- //header -->
	<!-- events -->
	<div class="banner-bdy eve">
		<div class="container">
			<div class="events">
				<h3>旅行的意义</h3>
				<p class="gal-txt">要么读书、要么旅行，灵魂和身体，必须有一个在路上。背着背包的路上, 看过许多人,听过许多故事,见过旅行风景,就这样，慢慢学会了长大。流转的时光，都成为命途中美丽的点缀，看天，看雪，安安静静，不言不语都是好风景。</p>
				<div class="event-grids">
					<div class="col-md-4 event-grid">
						<p class="dte">一面古典,一面现代</p>
						<img src="images/3.jpg" alt=" " />
						<div class="nobis">
							<a href="LIST.HTML">北<span> 京</span></a>
						</div>
						<p class="quod">去故宫探访帝王生活，北海的碧幽，胡同的市井，798的艺术氛围，一切赋予帝都新意义</p>
						<p>
							<a href="LIST.HTML" class="btn btn-success pull-right" role="button">热门景点</a>
							<a href="LIST.HTML" class="btn btn-info " role="button">住宿</a>
						</p>
					</div>
					<div class="col-md-4 event-grid">
						<p class="dte">华灯起 车声响 夜上海</p>
						<img src="images/4.jpg" alt=" " />
						<div class="nobis">
							<a href="single.html">上 <span>海</span></a>
						</div>
						<p class="quod">摩天大楼、石库门、老洋房在这座摩登之都中交融与辉映，演绎着过去与未来的华丽篇章。</p>
						<p>
							<a href="#" class="btn btn-success pull-right" role="button">热门景点</a>
							<a href="#" class="btn btn-info " role="button">住宿</a>
						</p>
					</div>
					<div class="col-md-4 event-grid">
						<p class="dte">靓汤、凉茶、街巷</p>
						<img src="images/5.jpg" alt=" " />
						<div class="nobis">
							<a href="single.html">广 <span>州</span></a>
						</div>
						<p class="quod">靓汤、凉茶、街巷布满鲜花，粤语的市井味道，漫步广州街头，一切都如此闲适。</p>
						<p>
							<a href="#" class="btn btn-success pull-right" role="button">热门景点</a>
							<a href="#" class="btn btn-info " role="button">住宿</a>
						</p>
					</div>
					<div class="col-md-4 event-grid">
						<p class="dte">重新发现这个城市</p>
						<img src="images/19.jpg" alt=" " />
						<div class="nobis">
							<a href="single.html">深 <span>圳</span></a>
						</div>
						<p class="quod">移民城市的花样模样，快节奏的生活，在这世界之窗，玩转世界</p>
						<p>
							<a href="#" class="btn btn-success pull-right" role="button">热门景点</a>
							<a href="#" class="btn btn-info " role="button">住宿</a>
						</p>
					</div>
					<div class="col-md-4 event-grid">
						<p class="dte">烟雨杭州梦</p>
						<img src="images/chengdu2.png" alt=" " />
						<div class="nobis">
							<a href="single.html">杭 <span>州</span></a>
						</div>
						<p class="quod">西湖十景风光秀丽，灵隐古刹鸟鸣山幽，泡上一杯龙井，茶香味浓</p>
						<p>
							<a href="#" class="btn btn-success pull-right" role="button">热门景点</a>
							<a href="#" class="btn btn-info " role="button">住宿</a>
						</p>
					</div>
					<div class="col-md-4 event-grid">
						<p class="dte">悠闲成都 吃货天堂</p>
						<img src="images/chengdu.png" alt=" " />
						<div class="nobis">
							<a href="single.html">成 <span>都</span></a>
						</div>
						<p class="quod">巴蜀文化发源之地，邂逅古色古香的城市，感受闲适安逸的慢生活</p>
						<p>
							<a href="#" class="btn btn-success pull-right" role="button">热门景点</a>
							<a href="#" class="btn btn-info " role="button">住宿</a>
						</p>
					</div>

					<div class="clearfix"> </div>

				</div>
				<div class="featured-events">
					<h4>每日游记</h4>
					<div class="col-md-8 featured-events-left">
						<h5>睁开眼，我在亚庇醒来——亚庇选岛住宿攻略
							<br><span>环滩岛（孟加伦岛Mengalum Island）是马来西亚沙巴州首府亚庇西北部海域的一个小岛，面积1000英亩。</span></h5>
						<p>有人说没有在海岛上住过一晚上的海岛游是不完美的。是的，留在海岛上的12个小时简直就像是赚来的一样，把旅行的时间从一天放到两天，连同心跳的节奏都简直像放慢了一倍，有机会你一定要寻找一座原始岛屿，在上面待一待，住一住，慢慢走，慢慢享受。而亚庇，可能就是你的最佳选择。下面就来给你一一介绍亚庇周围有哪些海岛可以放松心情~</p>
						<ul class="last1">
							<li>
								<a href="#">西行之【一】新疆</a>
							</li>
							<li>
								<a href="#">乡下之风的度假游（1.29-2.4亚庇+吉隆坡）</a>
							</li>
							<li>
								<a href="#">俄罗斯双城记之圣彼得堡</a>
							</li>
							<li>
								<a href="#">南方姑娘的北方之旅（漠河）</a>
							</li>
							<li>
								<a href="#">南京|灯影桨声里的家国天下</a>
							</li>
							<li>
								<a href="#">（2017.1.17—1.31）意大利&挪威15日游——意大利流水账</a>
							</li>
							<li>
								<a href="#">最南京的是城南，最城南的是门东</a>
							</li>
							<li>
								<a href="#">日本东北赏枫之旅</a>
							</li>
							<li>
								<a href="#">九寨沟周边游完全攻略[玩转九寨沟/黄龙/若尔盖精华]</a>
							</li>
						</ul>
					</div>
					<div class="col-md-4 featured-events-right">
						<img src="images/8.jpg" alt=" " />
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
	<!-- //events -->
	<!-- footer -->
	<div class="footer-top">
		<div class="container">
			<div class="footer-top-grids">
				<div class="col-md-4 footer-top-grid">
					<h3>关于旅行</h3>
					<p>如果不去接触未知，我们的感觉将变得迟钝，我们的世界就那么小小的一点儿，就连好奇心也将消失不见。我们的目光将不再放眼远方的地平线，耳朵也听不到那些熟悉的声音。 </p>
					<div class="read1">
						<a href="single.html">返回顶部</a>
					</div>
				</div>
				<div class="col-md-4 footer-top-grid">
					<h3>关于一旅行</h3>
					<div class="twi-txt">
						<div class="twi">
							<a href="#" class="twitter"></a>
						</div>
						<div class="twi-text">
							<p>
								<a href="#">关注微信公众号</a>
							</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="twi-txt1">
						<div class="twi">
							<a href="#" class="flickr"> </a>
						</div>
						<div class="twi-text">
							<p>
								<a href="#">关注新浪微博</a>
							</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="twi-txt1">
						<div class="twi">
							<a href="#" class="facebook"> </a>
						</div>
						<div class="twi-text">
							<p>
								<a href="#">浏览更多旅游资讯</a>
							</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-4 footer-top-grid">
					<h3>业界资讯</h3>
					<ul class="last">
						<li>
							<a href="#">中国旅游智库咨询会聚焦全域旅游等业界热点</a>
						</li>
						<li>
							<a href="#">体验香港“海陆空”深度游 大屿山推出全新旅游线</a>
						</li>
						<li>
							<a href="#">港澳青少年内地游学体系初步建立</a>
						</li>
						<li>
							<a href="#">保护旅游者权益 提升幸福产业含金量</a>
						</li>
						<li>
							<a href="#">厉新建：假日旅游消费潜力有待深入挖掘</a>
						</li>
						<li>
							<a href="#">宁波：镇海打造休闲旅游度假区升级版</a>
						</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="footer">
			<p>Copyright &copy; 2015.Company name All rights reserved.
				<a target="_blank" href="#">一旅游</a>
			</p>
		</div>
	</div>
	<!-- //footer -->
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
</body>

</html>